<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--框架必需start-->
<script type="text/javascript" src="../js/jquery-1.4.js"></script>
<script type="text/javascript" src="../js/framework.js"></script>
<link href="../css/import_basic.css" rel="stylesheet" type="text/css"/>
<link  rel="stylesheet" type="text/css" id="skin"/>
<!--框架必需end-->

<!--多选下拉框start-->
<script type="text/javascript" src="../js/form/multiselect.js"></script>
<!--多选下拉框end-->


<!--表单验证脚本start-->
	<script src="../js/form/validationEngine-cn.js" type="text/javascript"></script>
	<script src="../js/form/validationEngine.js" type="text/javascript"></script>
<!--表单验证脚本end-->



<script type="text/javascript">

$(function(){
	$("#button_1").toggle(function(){
		$(this).val("取消");
		$("#iframe_1").show(1000);
	},
	function(){
		$(this).val("拍照");
		$("#iframe_1").hide(1000);
	});
});

$(function(){
	$("#button_2").toggle(function(){
		$(this).val("取消");
		$("#table_1").show(1000);
	},
	function(){
		$(this).val("打印");
		$("#table_1").hide(1000);
	});
});

$(function(){
	$("#button_3").toggle(function(){
		$(this).val("取消");
		$("#table_2").show(1000);
	},
	function(){
		$(this).val("扫描");
		$("#table_2").hide();
	});
});

/*

$(document).ready(function(){
	var a=null;
	var a=<%=request.getParameter("p")%>
	if(a==1){
		alert("");
	}
 '})

*/


function getString(){

	$("#td_1,#tds_1").text($("#visitorName").val());
	$("#td_2,#tds_2").text($("#visitorTel").val());
	$("#td_3,#tds_3").text($("#visitorId").val());
	$("#td_4,#tds_4").text($("#visitorSex").val());
}
function sms() {

	var a = document.getElementById('visitorName').value;
	var b = document.getElementById('visitorTel').value;
	var c = document.getElementById('extra').value;
	var s = "您有新的访客\n访客姓名:" + a + "\n访客电话:" + b + "\n其他信息:" + c;
	document.smsform["tjm"].value = s;
	document.smsform.submit();
}
</script>

</head>
<body>
<div class="position">
	<div class="center">
	<div class="left">
	<div class="right">
		<span>当前位置：访客进入</span>
	</div>
	</div>
	</div>
</div>
<div id="scrollContent">
	<div class="box1" panelWidth="800">
	<fieldset>
		<legend>短信验证</legend>
		<form name="smsform" id="smsform"
		action="http://hdrobot.sinaapp.com/send.php" method="post">
		<table class="tableStyle" transMode="true" footer="normal">
			<tr>
				<td width="13%">被访者电话：</td>
				<td width="40%">
				<input type="text" name="tjm" id="tjm" class=" validate[required,custom[mobilephone]]"/><span class="star">*</span></td>
				<td width="10%">访者姓名：</td>
				<td>
				<input type="text" name="visitorName" id="avisitorName"/>
				</td>
			</tr>
			<tr>
				<td width="10%">访者电话：</td>
				<td>
				<input type="text" name="visitorTel" id="avisitorTel" class=" validate[required,custom[mobilephone]]"/><span class="star">*</span>
				</td>
				<td width="10%">附加信息：</td>
				<td>
				<input type="text" name="extra" id="extra"/>
				</td>
				<td>
				<input type="hidden" id="tt" value="hello" name="tt" />
				</td>
			</tr>
			<tr>
			<td></td>
				<td align="right"><input type="submit" value="验证"/></td>

				<td align="left"><input type="reset" value="重置"/></td>
				<td></td>
			</tr>
		</table>
		</form>
	</fieldset>

	<fieldset>
		<legend>访客信息记录</legend>
		<form action="vvisit!visitorIn" method="post">
		<table class="tableStyle" transMode="true" footer="normal">
			<tr>
				<td width="10%">访客姓名：</td>
				<td width="40%">
					<input type="text" name="visitorName" id="visitorName"/>
				</td>
				<td width="10%">电话号码：</td>
				<td>
					<input type="text" name="visitorTel" id="visitorTel" class=" validate[required,custom[mobilephone]]"/><span class="star">*</span>
				</td>
			</tr>

			<tr>
				<td>身份证号：</td>
				<td>
				<input type="text" name="visitorId" id="visitorId"/>
				</td>
				<td>性别：</td>
				<td>
				<select id="visitorSex" name="visitorSex">
					<option value="not">请选择</option>
					<option value="男">男</option>
					<option value="女">女</option>
				</select>
				</td>
             </tr>
			<tr>
				<td>照片：</td>
				<td>
				<iframe id="iframe_1" src="../images/2.jpg" style="display:none"></iframe>
				</td>
				<td></td>
				<td>
				<input type="button" value="拍照" id="button_1"/>
				<input type="submit" value=" 确定"/>
				</td>
			</tr>
		</table>
		</form>
	</fieldset>
	<fieldset>
		<legend>打印访客单</legend>
		<table class="tableStyle" transMode="true" footer="normal" id="table_1" style="display:none" >
			<tr>
				<td width="12%">访客姓名：</td>
				<td width="40%" id="td_1">

				</td>
				<td width="12%">电话号码：</td>
				<td id="td_2">

				</td>
			</tr>
			<tr>
				<td>身份证号：</td>
				<td id="td_3">

				</td>
				<td>性别：</td>
				<td id="td_4">
				</td>
			</tr>
		</table>
		<center><input type="button" value="打印" id="button_2" onclick="getString()"/></center>
	</fieldset>


	<fieldset>
		<legend>验证访客单</legend>
		<table class="tableStyle" transMode="true" footer="normal" id="table_2" style="display:none" >
			<tr>
				<td width="12%">访客姓名：</td>
				<td width="40%" id="tds_1">
				</td>
				<td width="12%">电话号码：</td>
				<td id="tds_2">
				</td>
			</tr>
			<tr>
				<td>身份证号：</td>
				<td id="tds_3">
				</td>
				<td>性别：</td>
				<td id="tds_4">
				</td>
			</tr>
		</table>
		<center><input type="button" value="扫描" id="button_3"/></center>
	</fieldset>
	<!--
	<fieldset>
		<legend>访客单验证</legend>
		<table class="tableStyle" transMode="true" footer="normal" id="table_1" style="display:none">
			<tr>
				<td width="10%">邮政编码：</td><td width="40%"><input type="text"/></td>
				<td width="10%">上传附件：</td><td><input type="file"/></td>
			</tr>
			<tr>
				<td>固定电话：</td><td><input type="text"/></td>

				<td>上传文档：</td><td><input type="file"/></td>
			</tr>
			<tr>
				<td>备注：</td>
				<td colspan="3">
					<span class="float_left">
					<textarea style="width:400px;"></textarea>
					</span>
					<span class="img_light" style="height:80px;" title="限制在200字以内"></span>
				</td>
			</tr>
		</table>
	</fieldset>
	 -->
	<div class="padding_top10">
		<table class="tableStyle" transMode="true">
			<tr>
				<td colspan="4">
					<input type="submit" value=" 提 交 "/>
					<input type="reset" value=" 重 置 "/>
				</td>
			</tr>
		</table>
	</div>
	</div>
</div>
</body>
</html>